<template>
    <div class="aboutUs">
        <div class="navtop">
            关于睿格 RuiGe Network Technology Company Limited
        </div>
<!--        内容部分-->
        <div class="contain">
<!--            公司简介-->
            <div class="introduction">
                <div class="title">
                    公司简介
                </div>
                <div class="title2">
                    About RuiGe
                </div>
                <p class="bline"></p>
                <div class="details">
                    <img src="../../assets/img/ab1.jpg" class="leftimg">
                    <div class="words">
                        <p>拥有众多的管理咨询精英和雄厚的软件开发实力，拥有20多年管理经验的专家、教授为企业提供具体的、有效的管理方案，并指导企业进行现场作业和实施,同时，把自主研发的PPM生产管理，MIS信息管理,CRM客户关系管理,ERP等信息管理系统服务于广大企业拥有众多的管理咨询精英和雄厚的软件开发实力，拥有20多年管理经验的专家、教授为企业提供具体的、有效的管理方案，并指导企业进行现场作业和实施,同时，把自主研发的PPM生产管理，MIS信息管理,CRM客户关系管理,ERP等信息管理系统服务于广大企业拥有众多的管理咨询精英和雄厚的软件开发实力，拥有20多年管理经验的专家、教授为企业提供具体的、有效的管理方案，并指导企业进行现场作业和实施,同时，把自主研发的PPM生产管理，MIS信息管理,CRM客户关系管理,ERP等信息管理系统服务于广大企业</p>
                        <p>有众多的管理咨询精英和雄厚的软件开发实力，拥有20多年管理经验的专家、教授为企业提供具体的、有效的管理方案，并指导企业进行现场作业和实施,同时，把自主研发的PPM生产管理，MIS信息管理,CRM客户关系管理,ERP等信息管理系统服务于广大企业拥有众多的管理咨询精英和雄厚的软件开发实力。</p>
                    </div>

                </div>
            </div>
<!--            旗下网站-->
            <div class="Website">
                <div class="title">
                    旗下网站
                </div>
                <div class="title2">
                   WebSite
                </div>
                <p class="bline"></p>
                <div class="details">

                    <div class="words">
                        <div class="wordtitle" >
                            睿格信息
                        </div>
                        <p style="margin-bottom: 30px">拥有众多的管理咨询精英和雄厚的软件开发实力，拥有20多年管理经验的专家、教授为企业提供具体的、有效的管理方案，并指导企业进行现场作业和实施,同时，把自主研发的PPM生产管理，MIS信息管理,CRM客户关系管理,ERP等信息管理系统服务于广大企业拥有众多的管理咨询精英和雄厚的软件开发实力，拥有20多年管理经验的专家、教授为企业提供具体的、有效的管理方案，并指导企业进行现场作业和实施,同时，把自主研发的PPM生产管理，MIS信息管理,CRM客户关系管理,ERP等信息管理系统服务于广大企业拥有众多的管理咨询精英和雄厚的软件开发实力，拥有20多年管理经验的专家、教授为企业提供具体的、有效的管理方案，并指导企业进行现场作业和实施,同时，把自主研发的PPM生产管理，MIS信息管理,CRM客户关系管理,ERP等信息管理系统服务于广大企业</p>
                        <div class="wordtitle">
                            中燚科技
                        </div>
                        <p>有众多的管理咨询精英和雄厚的软件开发实力，拥有20多年管理经验的专家、教授为企业提供具体的、有效的管理方案，并指导企业进行现场作业和实施,同时，把自主研发的PPM生产管理，MIS信息管理,CRM客户关系管理,ERP等信息管理系统服务于广大企业拥有众多的管理咨询精英和雄厚的软件开发实力。</p>
                    </div>
                    <img src="../../assets/img/ab1.jpg" class="leftimg">
                </div>
            </div>
<!--            企业文化-->
            <div class="culture">
                <div class="title">
                    企业文化
                </div>
                <div class="title2">
                    Corporate Culture
                </div>
                <p class="bline"></p>
                <div class="details">
                    <img src="../../assets/img/ab3.jpg" class="leftimg">
                    <div class="words">
                        <div class="wordtitle">
                            企业精神： 敬业、诚信、乐群、进取
                        </div>
                        <p style="margin-bottom: 30px">目光向前，不仅去做，而且要执着地去做。坚韧不拔，任何困难和挫折也阻挡不了鸿巨一往无前的意志；勇于变革，善于变革，以变革求生存、求发展；培养提高学习能力，善于学习，持续学习；在市场竞争中不断取胜，在反省中超越自我，在学习中超越平庸、不断进步；实现目标后体验成功的快乐，追求过程中体验奋斗的乐趣</p>
                        <div class="wordtitle">
                            睿格人才培养理念与体系
                        </div>
                        <p>鸿巨向来视人才为第一财富，高度重视对人的培养。人才培养本着为公司战略、企业文化建设服务的理念，通过帮助员工提升工作绩效和个人能力，推动员工与公司的共同成长；</p>
                    </div>

                </div>
            </div>
<!--            员工福利-->
            <div class="welfare">
                <div class="title">
                    员工福利
                </div>
                <div class="title2">
                    Benefits
                </div>
                <p class="bline"></p>
                <div class="details">
<!--                    <div>无偿加班</div>-->
<!--                    <div>每天享受12小时上班时间</div>-->
<!--                    <div>随时面临被开除的风险</div>-->
<!--                    <div>公司加班免除电费</div>-->
<!--                    <div>只能提前到公司不能提前下班</div>-->
<!--                    <div>员工必须无条件服从boss任何命令</div>-->
<!--                    <div>员工必须以公司任务为第一,身体健康为其次</div>-->
<!--                    <div>员工任何时候学习必须带着公司的任务为学习不得有自己的任何私人时间</div>-->
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "aboutus"
    }
</script>

<style lang="less" scoped>
    .navtop{
        width: 100%;
        height: 25vh;
        background: url(http://s.dddua.com/images/cdn/a1.jpg) 100% 100% no-repeat;
        color: #fff;
        line-height:25vh;
        /*padding-top: 100px;*/
        text-align: center;
        font-size: 20px;
    }
    .contain{
        width: 75%;
        /*border:1px solid red;*/
        margin: 0 auto;
        padding: 15px 0px 15px 0px;
        .introduction{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: 50px;
            .title{
                height: 4vh;
                font-size: 24px;
                color: #2fb0e7;
            }
            .title2{
                height: 4vh;
                font-size: 14px;
                color: #999;
            }
            .bline{
                width: 100%;
                height: 1px;
                background-color: #fff;
                border-top: 1px solid #d6d6d6;

            }
            .details{
                width: 100%;
                margin: 20px 0px 20px 0px ;
                display: flex;
                justify-content: space-between;
                img{
                    width: 40%;
                    height: auto;

                }
                .words{
                    width: 55%;
                    font-size: 12px;

                    p{
                        line-height: 35px;
                    }
                    p:nth-child(1){
                        margin-bottom: 20px;
                    }

                }
            }
        }
        .Website,.culture{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: 50px;
            .title{
                height: 4vh;
                font-size: 24px;
                color: #2fb0e7;
            }
            .title2{
                height: 4vh;
                font-size: 14px;
                color: #999;
            }
            .bline{
                width: 100%;
                height: 1px;
                background-color: #fff;
                border-top: 1px solid #d6d6d6;

            }
            .details{
                width: 100%;
                margin: 20px 0px 20px 0px ;
                display: flex;
                justify-content: space-between;
                img{
                    width: 40%;
                    height: auto;

                }
                .words{
                    width: 55%;
                    font-size: 12px;
                    .wordtitle{
                        width: 100%;
                        height: 30px;
                        font-size: 16px;
                        background-color: #2fb0e7;
                        padding: 0 10px;
                        line-height: 30px;
                        color: #fff
                    }
                    p{
                        line-height: 35px;
                    }
                    /*p:nth-child(1){*/
                    /*    margin-bottom: 20px;*/
                    /*}*/

                }
            }
        }
        .welfare {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: 50px;

            .title {
                height: 4vh;
                font-size: 24px;
                color: #2fb0e7;
            }

            .title2 {
                height: 4vh;
                font-size: 14px;
                color: #999;
            }

            .bline {
                width: 100%;
                height: 1px;
                background-color: #fff;
                border-top: 1px solid #d6d6d6;
            }
            .details{
                display: flex;
                flex-wrap: wrap;
                justify-content: space-evenly;
                width: 100%;
                div{

                    height: 25px;
                    font-size: 12px;
                    padding: 0 15px;
                    margin: 5px;
                    font-weight: normal;
                    background-color: #2fb0e7;
                    float: left;
                    display: block;
                    line-height: 25px;
                    color: #fff;
                    text-align: center;
                }
            }
        }
    }
</style>